<?php 
header("HTTP/1.0 404 Not Found");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>404 Error Page Not Found</title>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!--STYLESHEETS-->

<link href="<?php echo TEMPLATE;?>404/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="<?php echo TEMPLATE;?>404/style.css" />

<!--GOOGLE FONTS CODE-->
<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Glegoo' rel='stylesheet' type='text/css'>
<link href="<?php echo TEMPLATE;?>css/font-awesome.min.css" rel="stylesheet">
<style type="text/css"></style>
<!-- Enable this css if you want to override styles-->
<!--<link href="css/override.css" rel="stylesheet" media="screen">-->
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--FAVICON & APPLE ICONS-->


<!--SCRIPTS-->
<script type="text/javascript" src="<?php echo TEMPLATE;?>404/js/modernizr-1.0.min.js"></script>
</head>
<body>
<div class="slide-wrapper">
  <div class="container">
    <div id="wrapper">
      <header class="clearfix">
        <div class="row">
          <div class="col-md-5 col-sm-5">
            <h3 class="brand"><a href="<?php echo URL; ?>" title="404"><?php echo SITENAME; ?></a></h3>
          </div>
          
        </div>
        <!--end-of-row--> 
      </header>
      <article> 
        
        <!-- Tab panes -->
        <div class="tab-content-wrapper">
          <div class="tb-content active" id="home">
            <div class="box"> <span class="section-icon"><i class="fa fa-chain-broken fa-2x"></i></span>
              <h1>404</h1>
              <h4>Sorry - Page Not Found!</h4>
              <p>The page you are looking for was moved, removed, renamed or might never existed. <br>
                You stumbled upon a broken link :(</p>
            </div>
           
          </div>
          <!--end-of-tab-content-->
          
          <div class="tb-content" id="subscribe">
            <div class="box"> <span class="section-icon"><i class="fa fa-plus-circle fa-2x"></i></span>
              <h4>Subscribe For Our E-Newsletter</h4>
              <p>Join our email list to receive updates, notifications, news, events and more...</p>
            </div>
            
          </div>
          <!--end-of-tab-content-->
          
          
        </div>
        <!--end-of-tab-content--> 
        
      </article>
      
    </div>
    <!--end-of-wrapper--> 
  </div>
  <!--end-of-container--> 
</div>

<!--SCRIPTS--> 
<script src="<?php echo TEMPLATE;?>404/js/jquery.js"></script> 
<script src="<?php echo TEMPLATE;?>404/js/bootstrap.min.js"></script> 
<script src="<?php echo TEMPLATE;?>404/js/jquery.backstretch.min.js"></script> 
<script src="<?php echo TEMPLATE;?>404/js/custom.js"></script> 
<script src="<?php echo TEMPLATE;?>404/js/missing.js"></script>
<script src="<?php echo TEMPLATE;?>404/js/placeholders.js"></script>
</body>
</html>
